<template>
  <per :data="data" :num="3"></per>
</template>

<script>
import Per from "@/components/Per.vue"
import store from "@/store"
import { reactive } from 'vue';
export default {
  name: "My",
  components: {
    Per
  },
  setup(){
    
    let data = reactive(store.state.myNotes.data)
    // console.log(data);
    return {
      data
    }
  }
};
</script>

<style lang="scss" scoped>

</style>